<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>后台管理</title>
    <style>
        .container {
            width: 60%;
            margin: 10% auto 0;
            background-color: #f0f0f0;
            padding: 2% 5%;
            border-radius: 10px
        }

        ul {
            padding-left: 20px;
        }

        ul li {
            line-height: 2.3
        }

        a {
            color: #20a53a
        }
    </style>
</head>
<body>
<div class="container">
    <div style="margin-left:40%">
        账号：<input type="text"></input><br>
        密码：<input type="password"></input><br><br>
        <input style="margin-left:20%" onclick="login()" type="button" value="登录"></input>
    </div>
</div>
<script>
    function login(){
        alert("账号或密码错误")
    }
</script>
<footer style="margin-top:25%">
    <a style="margin-left:43%" href="https://beian.miit.gov.cn/" target="_blank">豫ICP备2021002871号-2</a>
</footer>
</body>
</html>